<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
	contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<title>驴友网-博客</title>
<link rel="blog icon" href="image/logo.ico" />
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="Css/style.css">
<link rel="stylesheet" type="text/css" href="Css/bootstrap.css">
<script type="text/javascript" src="Js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="Js/bootstrap.js"></script>
</head>

<body style="background:#EEEFF1;">


	<!-- header start-->
	<div class="container-fluid " style="background:#333;height:37px;">
		<div class="row ">
			<div class="col-md-2"></div>
			<div class="col-md-8 text-right" style="padding:8px;">
				<c:choose>
					<c:when test="${sessionScope.flag.equals('ok')}">
						<span class="label label-danger">你好,${sessionScope.username}</span>|<a
							href="<c:url value='/logoutServlet'/>?value=1" class="label label-primary">注销</a>
					</c:when>
					<c:otherwise>
						<a href="login.jsp"><span class="label label-info">登录</span></a>
						<em>|</em>
						<a href="register.jsp"><span class="label label-info">注册</span></a>
						<em>|</em>
						<a href="find1.html"><span class="label label-info">忘记密码</span></a>
					</c:otherwise>
				</c:choose>

			</div>
			<div class="col-md-2"></div>
		</div>
	</div>

	<div class="container-fluid " style="background:#328555;height:137px;">
		<div class="row ">
			<div class="col-md-2"></div>
			<div class="col-md-8">

				<img src="image/logo.png" style="margin:30px;" />

			</div>
			<div class="col-md-2"></div>
		</div>
	</div>
	<!-- header end-->

	<!-- navigation start -->
	<div class="container-fluid " style="background:#333;height:62px;">
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-8">

				<ul class="nav nav-pills nav-justified" style="padding:10px;">
					<li role="presentation" class="span"><a href="#">首页</a></li>
					<li role="presentation" class="span"><a href="notification.html">咨询</a></li>
					<li role="presentation" class="span"><a href="<c:url value='/blogServlet'/>">论坛</a></li>
					<li role="presentation" class="span"><a href="#">广播</a></li>
					<li role="presentation" class="span"><a href="#">分组</a></li>
					<li role="presentation" class="span"><a href="<c:url value='/userInfoServlet'/>">个人中心</a></li>
				</ul>

			</div>
			<div class="col-md-2"></div>
		</div>
	</div>
	<!-- navigation ending -->

	<!-- mid  -->
	<div class="container" style="background:white;">

		<div class="row " style="height:37px;">
			<div class="col-md-8 col-md-offset-2" style="border:10px;">
				<div class="col-md-9 col-md-pull-3 " style="margin:8px;">
					<a class="glyphicon glyphicon-home span" href=""></a> <em>></em> <a
						href="" class="span">论坛</a>
				</div>
			</div>
		</div>

		<div class="row" style="height:5px;background:#EEEFF1;">
			<div class="col-md-8 col-md-offset-2"></div>
		</div>

		<!-- nav -->
		<div class="row" style="height:100%;">

			<div class="col-md-8 col-md-offset-2">

				<div class="row">
					<!-- 旋转木马 -->
					<div class="col-md-6 col-md-pull-3" style="margin:8px;">
						<div id="carousel-example-generic" class="carousel slide"
							data-ride="carousel">
							<!-- Indicators -->
							<ol class="carousel-indicators">
								<li data-target="#carousel-example-generic" data-slide-to="0"
									class="active"></li>
								<li data-target="#carousel-example-generic" data-slide-to="1"></li>

							</ol>

							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<img src="image/banner.jpg" alt="...">
									<div class="carousel-caption">海南一行</div>
								</div>
								<div class="item">
									<img src="image/banner1.jpg" alt="...">
									<div class="carousel-caption">沙滩亲子游</div>
								</div>

							</div>

							<!-- Controls -->
							<a class="left carousel-control" href="" role="button"
								data-slide="prev"> <span
								class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
								<span class="sr-only">Previous</span>
							</a> <a class="right carousel-control" href="" role="button"
								data-slide="next"> <span
								class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
								<span class="sr-only">Next</span>
							</a>
						</div>
					</div>
					<!-- 旋转木马结束 -->

					<!-- 标签页        -->
					<div class="col-md-5 col-md-pull-3" style="margin:8px;">
						<!-- Nav tabs -->
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active"><a href="#home"
								aria-controls="home" role="tab" data-toggle="tab">最新帖子</a></li>
							<li role="presentation"><a href="#profile"
								aria-controls="profile" role="tab" data-toggle="tab">最新公告</a></li>
							<li role="presentation"><a href="#messages"
								aria-controls="messages" role="tab" data-toggle="tab">热门主题</a></li>
						</ul>

						<!-- Tab panes -->
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane fade in active" id="home">
								<c:forEach var="list" items="${sessionScope.newTie }"  >
								  <table class="table table-condensed">
									  <tr style="height:5px;">
									     <td><a href="findReplyServlet?value=list&postId=${list.postId }">${list.title }</a></td>
									     <td><span class="text-right" style="color: red;">${list.poster }</span></td>
									  </tr>
								  </table>
								</c:forEach>

							</div>
							<div role="tabpanel" class="tab-pane fade" id="profile">
								  <marquee direction=left>啦啦啦，我从右向左移！</marquee>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="messages">
								<c:forEach var="list" items="${sessionScope.PageView }"  >
								  <table class="table table-condensed">
									  <tr style="height:5px;">
									     <td><a href="findReplyServlet?value=list&postId=${list.postId }">${list.title }</a></td>
									     <td><span class="text-right" style="color: red;">${list.poster }</span></td>
									  </tr>
								  </table>
								</c:forEach>
							</div>
						</div>
					</div>
					<!-- 标签页结束 -->

					<!-- 左侧推荐栏目 -->
					<div class="col-md-5 col-md-push-9"
						style="position:absolute;padding:8px;">
						<span class="span">会员推荐</span>
						<table class="table table-condensed">
							<tr>
								<td><a type="button" data-toggle="modal"
									data-target=".bs-example-modal-sm"> <img
										src="image/panda.png" class="img-circle img-thumbnail img"
										id="img">
								</a>

									<div class="modal fade bs-example-modal-sm" tabindex="-1"
										role="dialog" aria-labelledby="mySmallModalLabel">
										<div class="modal-dialog modal-sm" role="document">
											<div class="modal-content">aaaa</div>
										</div>
									</div></td>
								<td><a href="" class=" sapn">南京中山陵一日游感慨</a> <br /> <br />
									<em>积分:75</em> <em>帖子:10</em></td>
							</tr>
						</table>
					</div>
					<!-- 左侧推荐栏目  -->
				</div>
			</div>
		</div>

		<!-- nav ending -->

		<div class="row ">
			<div class="col-md-8 col-md-offset-2" style="border:10px;">
				<div class="col-md-9 col-md-pull-3 span" style="margin:8px;">
					<span class="glyphicon glyphicon-signal"></span> <span>在线人数:</span>
					<span style="color:red;">${onlineTotal }</span> <em>|</em> <span>帖子:</span> <span
						style="color:red;">${total }</span>
				</div>
			</div>
		</div>
		<!-- 模块区 -->

		<div class="row">
			<div class="col-md-8 ">
				<p class="span">模块一</p>
				<hr
					style="margin:0 auto height:4px;border:none;border-top:1px solid green;" />

				<table class="table table table-striped">
					<tr>
						<td style=" width:100px; height:50px;"><a href="topic.jsp"><img
								src="image/common_97_icon.png" class="img-circle "></a></td>
						<td><a href="<c:url value='/readPostServlet'/>?type=1" class=" sapn">美食天下</a> <br /> 
							<em>帖子:${totalByType1 }</em></td>
						<td style=" width:100px; height:50px;"><a href=""><img
								src="image/common_81_icon.png" class="img-circle "></a></td>
						<td><a href="<c:url value='/readPostServlet'/>?type=2" class=" sapn">旅游休闲</a> <br /> 
							<em>帖子:${totalByType2 }</em></td>
					</tr>


				</table>

				<p class="span">模块二</p>

				<hr
					style="margin:0 auto height:4px;border:none;border-top:1px solid green;" />

				<table class="table table table-striped">
					<tr>
						<td style=" width:100px; height:50px;"><a href=""><img
								src="image/common_68_icon.png" class="img-circle "></a></td>
						<td><a href="<c:url value='/readPostServlet'/>?type=3" class=" sapn">组团旅行</a> <br /> 
							<em>帖子:${totalByType3 }</em></td>
						<td style=" width:100px; height:50px;"><a href=""><img
								src="image/common_69_icon.png" class="img-circle "></a></td>
						<td><a href="<c:url value='/readPostServlet'/>?type=4" class=" sapn">旅游交友</a> <br /> 
							<em>帖子:${totalByType4 }</em></td>
					</tr>


				</table>

			</div>

			<div class="col-md-4">
				<p class="span">小编推荐</p>
				<hr class="hr" />

				<ul class="nav ">
					<li><a href=""><img src="image/banner.jpg"
							style="width:320px;height:180px;" /></a></li>
					<li><a href="">你印象中的新加坡</a></li>
					<li><span style="margin:12px;">2017/4/11</span></li>
				</ul>

				<hr />

				<ul class="nav ">
					<li><a href=""><img src="image/banner1.jpg"
							style="width:320px;height:180px;" /></a></li>
					<li><a href="">你印象中的上海东方明珠</a></li>
					<li><span style="margin:12px;">2017/4/11</span></li>
				</ul>

			</div>
		</div>
		<!-- 模块区结束 -->
	</div>
	<!-- mid ending-->
	<!-- header -->
	<div class="container-fluid " style="background:#333;height:80px;">
		<div class="row" style="height:10px;background:white;">
			<div class="col-md-8 col-md-offset-2"></div>
		</div>
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-8"></div>
			<div class="col-md-2"></div>
		</div>
	</div>
	<!-- header ending -->
</body>
</html>
